			
	/*手机适配*/
	/*横屏状态*/
	@media screen and (orientation: landscape) {  
	} 
	@media only screen 
	  and (min-device-width: 320px) 
	  and (max-device-height: 480px)
	  and (-webkit-min-device-pixel-ratio: 1)
	  and (orientation: portrait) {
	  	html,body{
	  		font-size: 16px;
	  	}
	  	.body{
	  		height: 18.5rem !important;
	  	}
	}
	@media only screen 
	  and (min-device-width: 320px) 
	  and (max-device-height: 480px)
	  and (-webkit-min-device-pixel-ratio: 2) {
		
	}
	
	/* Portrait */
	@media only screen 
	  and (min-device-width: 320px) 
	  and (max-device-height: 480px)
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: portrait) {
	  	html,body{
	  		font-size: 16px;
	  	}
	  	.body{
	  		height: 17.5rem !important;
	  	}
	}
	
	/* Landscape */
	@media only screen 
	  and (min-device-width: 320px) 
	  and (max-device-height: 480px)
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: landscape) {
		
	}
	
	/* ----------- iPhone 5 and 5S ----------- */
	
	/* Portrait and Landscape */
	@media only screen 
	  and (min-device-width: 320px) 
	  and (max-device-height: 568px)
	  and (-webkit-min-device-pixel-ratio: 2) {
		html,body{
			font-size: 17px;
		}
	}
	
	/* Portrait */
	@media only screen 
	  and (min-device-width: 320px) 
	  and (max-device-height: 568px)
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: portrait) {
	  	
	}
	
	/* Landscape */
	@media only screen 
	  and (min-device-width: 320px) 
	  and (max-device-height: 568px)
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: landscape) {
	
	}
	/* ----------- Galaxy Note II ----------- */
	
	/* Portrait and Landscape */
	@media only screen 
	  and (min-device-width: 360px) 
	  and (max-device-height: 640px)
	  and (-webkit-min-device-pixel-ratio: 2) {
		html,body{
			font-size: 19.2px;
		}
	}
	
	/* Portrait */
	@media only screen 
	  and (min-device-width: 360px) 
	  and (max-device-height: 640px)
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: portrait) {
	  	
	}
	
	/* Landscape */
	@media only screen 
	  and (min-device-width: 360px) 
	  and (max-device-height: 640px)
	  and (-webkit-min-device-pixel-ratio: 3)
	  and (orientation: landscape) {
	
	}
	
	/* ----------- iPhone 6 ----------- */
	
	/* Portrait and Landscape */
	@media only screen 
	  and (min-device-width: 375px) 
	  and (max-device-height: 667px) 
	  and (-webkit-min-device-pixel-ratio: 2) { 
	  	
	}
	
	/* Portrait */
	@media only screen 
	  and (min-device-width: 375px) 
	  and (max-device-height: 667px) 
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: portrait) { 
		html,body{
			font-size: 20px;
		}
	}
	
	/* Landscape */
	@media only screen 
	  and (min-device-width: 375px) 
	  and (max-device-height: 667px) 
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: landscape) { 
	
	}
	/* ----------- Nexus 4 ----------- */
	
	/* Portrait and Landscape */
	@media only screen 
	  and (min-device-width: 384px) 
	  and (max-device-height: 640px) 
	  and (-webkit-min-device-pixel-ratio: 2) { 
	  	
	}
	
	/* Portrait */
	@media only screen 
	  and (min-device-width: 384px) 
	  and (max-device-height: 640px) 
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: portrait) { 
		html,body{
			font-size: 19px;
		}
	}
	
	/* Landscape */
	@media only screen 
	  and (min-device-width: 384px) 
	  and (max-device-height: 640px) 
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: landscape) { 
	
	}
	/* ----------- Nexus 5X ----------- */
	
	/* Portrait and Landscape */
	@media only screen 
	  and (min-device-width: 411px) 
	  and (max-device-height: 732px)
	  and (-webkit-min-device-pixel-ratio: 2.625) {
		html,body{
			font-size: 21px;
		}
	}
	
	/* Portrait */
	@media only screen 
	  and (min-device-width: 411px) 
	  and (max-device-height: 732px)
	  and (-webkit-min-device-pixel-ratio: 2.625)
	  and (orientation: portrait) {
	  	
	}
	
	/* Landscape */
	@media only screen 
	  and (min-device-width: 411px) 
	  and (max-device-height: 732px)
	  and (-webkit-min-device-pixel-ratio: 2.625)
	  and (orientation: landscape) {
	
	}
	
	/* ----------- Nexus 5X ----------- */
	
	/* Portrait and Landscape */
	@media only screen 
	  and (min-device-width: 412px) 
	  and (max-device-height: 732px)
	  and (-webkit-min-device-pixel-ratio: 2.625) {
		html,body{
			font-size: 22px;
		}
	}
	
	/* Portrait */
	@media only screen 
	  and (min-device-width: 412px) 
	  and (max-device-height: 732px)
	  and (-webkit-min-device-pixel-ratio: 3)
	  and (orientation: portrait) {
	  	
	}
	
	/* Landscape */
	@media only screen 
	  and (min-device-width: 412px) 
	  and (max-device-height: 732px)
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: landscape) {
	
	}
	
	/* ----------- iPhone 6+ ----------- */
	
	/* Portrait and Landscape */
	@media only screen 
	  and (min-device-width: 414px) 
	  and (max-device-height: 736px) 
	  and (-webkit-min-device-pixel-ratio: 3) { 
		html,body{
			font-size: 22.08px;
		}
	}
	
	/* Portrait */
	@media only screen 
	  and (min-device-width: 414px) 
	  and (max-device-height: 736px) 
	  and (-webkit-min-device-pixel-ratio: 3)
	  and (orientation: portrait) { 
		
	}
	/* Landscape */
	@media only screen 
	  and (min-device-width: 414px) 
	  and (max-device-height: 736px) 
	  and (-webkit-min-device-pixel-ratio: 3)
	  and (orientation: landscape) { 
	}
	/* ----------- iPhone 6+ ----------- */
	
	/* Portrait and Landscape */
	@media only screen 
	  and (min-device-width: 600px) 
	  and (max-device-height: 960px) 
	  and (-webkit-min-device-pixel-ratio: 2) { 
		html,body{
			font-size: 31px;
		}
	}
	
	/* Portrait */
	@media only screen 
	  and (min-device-width: 600px) 
	  and (max-device-height: 960px) 
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: portrait) { 
		
	}
	/* Landscape */
	@media only screen 
	  and (min-device-width: 600px) 
	  and (max-device-height: 960px) 
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: landscape) { 
	}
	/* ----------- Ipad ----------- */
	/* Portrait and Landscape */
	@media only screen 
	  and (min-device-width: 768px) 
	  and (max-device-height: 1024px)
	  and (-webkit-min-device-pixel-ratio: 2) {
		html,body{
			font-size: 32px;
		}
	}
	/* Portrait */
	@media only screen 
	  and (min-device-width: 768px) 
	  and (max-device-height: 1024px)
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: portrait) {
	}
	/* Landscape */
	@media only screen 
	  and (min-device-width: 768px) 
	  and (max-device-height: 1024px)
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: landscape) {
	}
	/* ----------- Ipad Pro ----------- */
	/* Portrait and Landscape */
	@media only screen 
	  and (min-device-width: 1024px) 
	  and (max-device-height: 1366px)
	  and (-webkit-min-device-pixel-ratio: 2) {
		html,body{
			font-size: 42px;
		}
	}
	/* Portrait */
	@media only screen 
	  and (min-device-width: 1024px) 
	  and (max-device-height: 1366px)
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: portrait) {
	}
	/* Landscape */
	@media only screen 
	  and (min-device-width: 1024px) 
	  and (max-device-height: 1366px)
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: landscape) {
	}
	@media only screen 
	  and (min-device-width: 1024px) 
	{
		html,body{
			font-size: 28px;
		}
	}
		
	#upicon{
        position: fixed;
        /*bottom: 10px;*/
        left: 50%;
        margin-left: -25px;
        z-index: 10;
        width: 50%
    }
    .iconUpAnimation{
        -webkit-animation: iconUp 1.25s infinite;
        -o-animation: iconUp 1.25s infinite;
        animation: iconUp 1.25s infinite;
    }
	@keyframes iconUp{
        0%{
            opacity: 1;
            transform: translateY(-50px);
        }
        100%{
            opacity: 0.5;
            transform: translateY(50px);
        }
    }
	*{
		margin: 0;
		padding: 0;
	}
	html,body{
		height: 100%;
		overflow: hidden;
		background: white;
	}
	.swiper-container{
		height: 100%;
	}
	.logo_img{
		width: 3.164rem;
		position: absolute;
		left: 50%;
		margin-left: -1.582rem;
		top: 4%;
	}
	.logo{
		height: 3.1rem;
	}
	textarea::-moz-placeholder{
		color: black;
	}
	textarea::-ms-input-placeholder{
		color: black;
	}
	textarea::-webkit-input-placeholder{
		color: black;
	}





